h1,h2,h3,h4,h5,h6,body,p,ul,li,input{
	margin: 0;
	font-weight: normal;
	padding: 0;
}

body{
	font-family: "Microsoft YaHei";
	background: #ededed;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
em{
	font-style: normal;
}
.hide{display: none;}
.api-head{
	height: 50px;
	line-height: 50px;
	background: #1C1C1C;
	box-shadow: 0 2px 2px rgba(0,0,0, 0.4);
	.h-left{
		float: left;
		margin-left: 28px;
		color: #fff;
		img{
			vertical-align: middle;
			position: relative;
			top: -4px;
		}
		span{
			font-size: 18px;
			padding-left: 12px;
		}
	}
	.h-right{
		float: right;
		margin-right: 8px;
		img{
			float: left;
			position: relative;
			top: 19px;
			left: -4px;
			cursor: pointer;
		}
		ul{
			display: inline-block;
			li{
				float: left;
				a{
					color: #fff;
					font-size: 12px;
					padding: 0 8px;
				}
			}
			li:hover{
				background: #d43509;
			}
		}
	}
}
.search-wrap{
	padding-top: 50px;
	overflow: hidden;
	.search-left{
		float: left;
		h2{
			color: #323232;
			font-size: 48px;
			line-height: 48px;
		}
		span{
			color: #646464;
			font-size: 16px;
			line-height: 18px;
			display: block;
			padding-top: 12px;
		}
	}
	.search-right{
		float: right;
		a{
			float: left;
			display: inline-block;
			width: 118px;
			height: 44px;
			border: 1px solid #5a9df1;
			line-height: 44px;
			text-align: center;
			color: #fff;
			background: #5a9df1;
		}
		.sell-center{
			margin-left: 10px;
			color: #5a9df1;
			background: #fff;
			img{
				vertical-align: middle;
			}
		}
	}
	.search-center{
		width: 50%;
		margin-left: 250px;
		position: relative;
		input{
			width: 99%;
			border: 1px solid #c6c6c6;
			display: block;
			height: 46px;
			text-indent: 1em;
		}
		img{
			position: absolute;
			top: 11px;
			right: 20px;
			cursor: pointer;
		}
		div{
			position: relative;
			top: 6px;
			color: #999;
			height: 88px;
			a{
				color: #999;
				font-size: 18px;
				line-height: 18px;
				padding: 0 2px;
			}
		}
	}
}
.btm-wrap{
		clear: both;
		background: #373d41;
		margin-top: 116px;
		.btm-top{
			padding-top: 48px;
			width: 860px;
			overflow: hidden;
			margin: 0 auto;
			li{
				width:25%;
				float: left;
				color: #fff;
				text-align: center;
				i{
					width: 50px;
					height: 50px;
					display: block;
					margin: 0 auto;
				}
				.btm1{
					background: url(../img/btm1.png) no-repeat center center;
				}
				.btm2{
					background: url(../img/btm2.png) no-repeat center center;
				}
				.btm3{
					background: url(../img/btm3.png) no-repeat center center;
				}
				.btm4{
					background: url(../img/btm4.png) no-repeat center center;
				}
			}


		}
		.btm-center{
			ul{
				width: 960px;
				margin: 0 auto;
			}
			overflow: hidden;
			border-top: 1px solid  #2b333a;
			border-bottom: 1px solid #2b333a;
			padding: 26px 0 30px 0;
			margin-top: 20px;
			li{
				width: 14.28%;
				float: left;
				em{
					color:#fff;
					font-size: 14px;
					line-height: 14px;
					display: block;
					padding-bottom: 12px;
				}
				span{
					display: block;
					height: 12px;
					line-height: 12px;
					font-size: 12px;
					padding-bottom: 8px;
					color: #acacac;
				}
			}
		}
		.btm-btm{
			clear: both;
			color: 12px;
			line-height: 12px;
			width: 960px;
			margin: 0 auto;
			padding: 16px 0 12px 0;
			color: #acacac;
		}
}
.cm-wrap{
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 0 auto;
}
.index-page{
	.nav-wrap{
		clear:both;
		padding-top: 48px;
		position: relative;
		z-index: 2;
		.nav-l{
			float: left;
			width: 16.66%;
			text-align: center;
			height: 52px;
			line-height: 52px;
			position: relative;
			a{
				color: #5a9df1;
			}
			.nav-dtl{
				width: 120%;
				position: absolute;
				top: 52px;
				left: 0;
				background: rgb(60,120,186);
				display: none;
				li{
					height: 50px;
					color: #fff;
					font-size: 11px;
					clear: both;
					border-bottom: 1px solid #fff;
					text-align: left;
					em{
						display: inline-block;
						padding: 2px 4px;
						line-height: 14px;
						background: rgb(65,101,153);
						margin-left: 4px;
					}
					span{
						display: inline-block;
						margin-left: 4px;
					}
				}
				li:hover{
					background: rgb(96,130,168);
				}
				li:last-child{
					border: none;
				}
			}
		}
		li:hover{
			background: #3d5b88;
			a{
				color: #fff;
			}
			.nav-dtl{
				display: block;
			}
		}

	}
	.banner-wrap{
		height: 300px;
		background: #f1f1f1;
		clear: both;
		position: relative;
		overflow: hidden;
		img{
			width: 100%;
			vertical-align: middle;
			opacity: 0;
			transition: all 1s;
			position: absolute;
			top: 0;
			left: 0;
		}
		img.cur{
			opacity: 1;
		}
		.dot-wrap{
			position: absolute;
			bottom: 20px;
			width: 80px;
			left: 50%;
			margin-left: -40px;
			z-index: 2;
			i{
				display: inline-block;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				border: 1px solid #fff;
				margin: 0 4px;
			}
			i.cur{
				background: #fff;
			}
		}
	}
	.sort-wrap{
		padding-top: 17px;
		h3{
			font-size: 14px;
			color: #5a9df1;
			line-height: 20px;
			height: 20px;
			border-left: 3px solid #5a9df1;
			padding-left: 8px;
		}
		ul{
			clear: both;
			overflow: hidden;
			margin-top: 17px;
		}
		li{
			float: left;
			width: 25%;
			div{
				width: 98%;
				margin: 0 auto;
				position: relative;
				background: #fff;
				img{
					display: block;
					width: 100%;
				}
				p{
					color: #2b2b2b;
					font-size: 14px;
					line-height: 24px;
					padding: 16px 30px;
					height: 144px;
				}
			}
		}
		li:nth-of-type(1){
			div{
				float: left;
			}
		};
		li:nth-of-type(2){
			div{
				float: left;
				margin-left: 0.75%;
			}
		};
		li:nth-of-type(3){
			div{
				float: right;
				margin-right: 0.75%;
			}
		};
		li:nth-of-type(4){
			div{
				float: right;
			}
		};
	}
	.recommend-wrap{
		margin-top: 40px;
		background: #fff;
		padding-top: 10px;
		h3{
			font-size: 14px;
			color: #5a9df1;
			line-height: 20px;
			height: 20px;
			border-left: 3px solid #5a9df1;
			padding-left: 8px;
			margin: 0 0 8px 0;
		}
		ul{
			overflow: hidden;
			li{
				float: left;
				width: 24.8%;
				border: 1px solid #c6c6c6;
				text-align: center;
				padding-bottom: 30px;

				img{
					display: block;
					margin: 0 auto;
				}
				h4{
					font-size: 18px;
					line-height: 18px;
					margin-top: 6px;
				}
				p{
					color: #646464;
					font-size: 14px;
					line-height: 20px;
					padding-top: 12px;
				}
				em{
					color: #ed462f;
					font-size: 18px;
					line-height: 18px;
					display: block;
					padding-top: 38px;
				}
				span{
					color: #646464;
					font-size: 14px;
					line-height: 16px;
					padding-top: 14px;
					display: block;
				}
			}
			li:hover{
				border: 1px solid #5a9df1;
			};
		}
	}
	.acti-wrap{
		overflow: hidden;
		h3{
			font-size: 14px;
			color: #5a9df1;
			line-height: 20px;
			height: 20px;
			border-left: 3px solid #5a9df1;
			padding-left: 8px;
			margin: 18px 0 18px 0;
		}
		a{
			float: left;
			display: inline-block;
			width:33%;
			margin-right: 0.3%;
			img{
				width: 100%;
			}
		}
	}
}
.service-page{
	.company-wrap{
		background: #fff;
		padding: 44px 0;
		overflow: hidden;
		clear: both;
		margin-top: 34px;
		img{
			float: left;
			border: 1px solid #c6c6c6;
			margin-left: 30px;
			height: 140px;
		}
		.company-right{
			float: left;
			margin-left: 28px;
			h3{
				color: #323232;
				font-size: 18px;
				line-height: 18px;
			}
			h4{
				display: block;
				color: #323232;
				font-size: 16px;
				line-height: 16px;
				padding-top: 14px;
				opacity: 0.8;
			}
			p{
				padding-top: 30px;
				span{
					color: #323232;
					font-size: 16px;
					line-height: 32px;
					padding-right: 168px;
				}
				em{
					color: #5A9DF1;
				}
			}
		}
	}
	.dtl-wrap{
		margin-top: 20px;
		background: #fff;
		.dtl-nav{
			height: 58px;
			background: #f6f6f6;
			border: 1px solid #c6c6c6;
			span{
				cursor: pointer;
				display: inline-block;
				width: 145px;
				height: 58px;
				line-height: 58px;
				text-align: center;
				color: #646464;
				font-size: 13px;
			}
			.sel{
				background: #fff;
				border-top: 3px solid #5a9df1;
				position: relative;
				top: -1px;
			}
		}
		.merchant-wrap{
			clear: both;
			.merchant-u{
				margin: 20px 0 0 20px;
				overflow: hidden;
				li{
					height: 38px;
					line-height: 38px;
					width: 112px;
					text-align: center;
					float: left;
					color: #646464;
					font-size: 12px;
					border: 1px solid #c6c6c6;
					cursor: pointer;
					background: #f5f5f5;
				}
				li.sel{
					background: #fff;
				}
			}
			.merchant-lists{
				clear: both;
				li{
					padding: 38px 0 28px 0;
					border-bottom: 1px solid #c6c6c6;
					overflow: hidden;
					clear: both;
					.company-s{
						float: left;
						margin-left: 40px;
						height: 96px;
					}
					.merchant-right{
						margin-left: 180px;
						h4{
							color: #000;
							font-size: 18px;
							line-height: 18px;
							opacity: 0.9;
						}
						.dtl-1{
							color: #000;
							opacity: 0.8;
							font-size: 14px;
							line-height: 14px;
							padding-top: 10px;
							span{
								display: inline-block;
								width: 274px;
							}
						}
						.dtl-2{
							p{
								color: #000;
								opacity: 0.8;
								font-size: 14px;
								line-height: 14px;
								padding-top: 10px;
								display: inline-block;
								width: 60%;
							}
							span{
								float: right;
								color: red;
								margin-right: 80px;
								font-size: 14px;
								em{
									font-size: 18px;
								}
							}
						}
					}
				}

			}
		}
		.brief-wrap{
			padding: 66px 60px 120px 60px;
			p{
				text-indent: 2em;
				color: #7e7e7e;
				font-size: 16px;
				line-height: 30px;
				padding: 4px 0;
			}
		}
	}
}

